<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	   
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>#{get 'title' /}</title>
		
		<!-- META START -->
       	
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}"/>		
		<!-- META END -->
		
		<!-- STYLES START -->        
       
		<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/layout.css'}" />
		<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/content.css'}" />
		<link rel="stylesheet" type="text/css" media="screen" href="@{'public/stylesheets/smoothness/jquery-ui-1.8.12.custom.css'}" />
		<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/feedBack.css'}" />
		
					
	
		<!-- STYLES END -->
		#{get 'moreStyles' /}
		<!-- SCRIPTS START -->
		
        <script type="text/javascript" src="@{'/public/javascripts/jquery-1.5.1.min.js'}"></script>
        <script type="text/javascript" src="@{'/public/javascripts/feedBack.js'}"></script>
        <script type="text/javascript" src="@{'/public/javascripts/addActionItem.js'}"></script>
		<script type="text/javascript" src="@{'/public/javascripts/logo-script.js'}"> </script>
		<script type="text/javascript" src="@{'/public/javascripts/jquery.innerfade.js'}"></script>
		<script src="@{'/public/javascripts/jquery-ui-1.8.12.custom.min.js'}" type="text/javascript" charset="utf-8"></script>
		
		
    	#{get 'moreScripts' /}	
		<!-- SCRIPT END -->
		
	</head>
	<body>
		<div id="wrapper">
			<!-- HEAD START -->
			<div id="headWrapper">
				<div id="head">
					#{if session.get("username") != "guest"}
					<div id="mainMenu">
						<ul>
							<li#{if session.get("main") == "profile"} class="active"#{/if}><a href="@{Users.showWall()}">Home</a></li>
							<li#{if session.get("main") == "org"} class="active"#{/if} style="margin-left: 2px;"><a href="@{Users.viewOrganizationsOfUser()}">My Organizations</a></li>
							<li#{if session.get("main") == "about"} class="active"#{/if} style="margin-left: 2px;"><a href="/browse/about">About</a></li>
							<li style="background-color: rgba(68,68,112,1.0); padding: 0px; height: 30px;" id="userStatus">
								<p style="float: left; line-height: 30px; margin-left: 15px;">Logged in as ${session.get("username")}</p>
								<div class="button" style="margin: 4px 10px; padding: 0px;"><a style="line-height: 15px; height: 15px; padding: 2px 3px; font-size: 11px;" href="@{Secure.logout()}">Logout</a></div>
								<div class="clear"></div>							
							</li>
						</ul>
					</div>
					#{/if}
					<div id="statusbar">
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!-- HEAD END -->
			
			<!-- MAIN START -->
			<div id="bgWrapper">
				<div id="contentWrapper">
					<!-- EMBEDDED SUB PAGE START -->
						#{doLayout /}
					<!-- EMBEDDED SUB PAGE END -->
					<div class="clear"></div>
				</div>
			</div>
			<!-- MAIN END -->
			
			<!-- FOOT START -->
			<div id="footWrapper">
				<div id="foot">
					<div id="footNav">
						<a href="@{Browse.credits()}">About us</a>
						<span>&nbsp;|&nbsp;</span>
							<a id="sendFeedback" href="#contactForm">Send Feedback</a>
						<span>&nbsp;|&nbsp;</span>
						<a href="#">Imprint</a>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!-- FOOT END -->
		
		</div>
		
		<!-- FEEDBACK FORM START -->
			<form id="contactForm" action="" method="post" name="myform">

			  <h2>Send us feedback...</h2>

			  <ul>
				<li>
				  <label  style="padding-top: .5em;">Your Message</label>
				  <textarea name="msg" id="msg" placeholder="Please type your message" required="required" cols="80" rows="10" maxlength="10000"></textarea>
				</li>
				
				
				<li>
				  <label >Your Name(optional)</label>
				  <input type="text" name="name" id="name" placeholder="Please type your name"  maxlength="40" />
				</li>
			  </ul>

			  <div id="formButtons">
				<input type="submit" id="sendMessage" name="sendMessage" value="Send Feedback" />
				<input type="button" id="cancel" name="cancel" value="Cancel" />
			  </div>
			</form>

			<div id="sendingMessage" class="statusMessage"><p>Sending your message. Please wait...</p></div>
			<div id="successMessage" class="statusMessage"><p>Thanks for sending your feedback! We'll get back to you shortly.</p></div>
			<div id="failureMessage" class="statusMessage"><p>There was a problem sending your feedback. Please try again.</p></div>
			<div id="incompleteMessage" class="statusMessage"><p>Please complete the message field in the form before sending.</p></div>		
		<!-- FEEDBACK FORM END -->
		
		
	
		
	</body>
	
	
	
	<!--<script type="text/javascript">
		if(($('#viewTitle').length == 0) || ($('#viewContent').length == 0)) {
			$('body').css("backgroundColor", "#ff00f0");
			$('#headWrapper').css("backgroundColor", "#ff00f0");
			alert('Seems as if you forgot to include either the viewTitle or the viewContent container within your view... Nice style man!!');
		}
	</script>-->
</html>
